<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>demo</title>
</head>
<body>
<div class="div" id="div">1111
    <a href="" class="ds da sd ds dd ds gg">111a<span>1111a</span></a>
</div>
<div class="div">222
    <a href="" class="ds da sd ds dd ds gg"><span>222a2</span></a>
</div>
<div class="div">222
    <a href="" class="ds da sd ds dd ds gg"><span>222a2</span></a>
</div>
<div class="div">222
    <a href="" class="ds da sd ds dd ds gg"><span>222a2</span></a>
</div>
<div class="div1">333
    <a href="" class="1ds da sd ds dd ds gg"><span>333333333333a</span></a>

    <div class="div2">333d
        <a href="" class="ds da sd ds dd ds gg"><span>333dddd</span></a>
    </div>
</div>

</body>
<script src="pop-jquery.js" charset="utf-8"></script>
<script type="text/javascript">
    $.extend({
        cl: function () {
            console.log('demo');
            console.log(this);
            return this;  //$.extend实现继承 可自定义返回值，若返回this，可实现链式编程；
        }
    });
    $.fn('ts', function (a, b, c, d, e) {
        console.log(arguments);
        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d)
    });
    $.fn('bg', function (color) { //$.fn 在原型上添加方法  默认返回this以实现链式编程
        this.style.background = color;
    });
    $('.div1').css('color', 'skyblue').css('background', 'red');
    $('#div').css({'color':'skyblue','width': '1000px','height': '200px'}).bg('skyblue', 'dsd', 'sds').cl().ts(12,43,54,76,87,78)

</script>
</html>
